body, html {
    background: #f3f4f5
}

.main-container {
    padding-bottom: 1.66rem
}

.main-container .att-banner {
    width: 100%
}

.main-container .att-banner .swiper-container {
    width: 100%;
    margin: 0 auto
}

.main-container .att-banner .swiper-container .content {
    text-align: center;
    background: #fff;
    -webkit-transition: box-shadow .6s;
    transition: box-shadow .6s
}

.main-container .att-banner .swiper-container .content .thumb {
    height: 3.75rem
}

.main-container .att-banner .swiper-container .content .thumb img {
    width: 100%;
    height: 3.75rem
}

.main-container .att-banner .swiper-container .content .att-title {
    opacity: .6;
    font-family: PingFangSC-Regular;
    font-size: .32rem;
    color: #fff;
    letter-spacing: 0;
    text-align: right;
    background: rgba(0, 0, 0, .4);
    height: .65rem;
    line-height: .65rem;
    margin-top: -.7rem;
    padding-right: .2rem
}

.main-container .att-banner .swiper-container .swiper-pagination-bullets {
    bottom: .6rem
}

.main-container .attractions-container {
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05)
}

.main-container .attractions-container .att-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: .2rem;
    height: .89rem;
    line-height: .89rem
}

.main-container .attractions-container .att-header .att-title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-family: PingFangSC-Regular;
    font-size: .32rem;
    color: #4a4a4a
}

.main-container .attractions-container .att-header .att-title span {
    font-family: PingFangSC-Regular;
    font-size: .24rem;
    color: #999
}

.main-container .attractions-container .att-header .att-total-price {
    font-family: PingFangSC-Regular;
    font-size: .42rem;
    color: #fe6666;
    text-align: right
}

.main-container .attractions-container .att-body .att-item {
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.main-container .attractions-container .att-body .att-item .item-banner {
    margin: .2rem
}

.main-container .attractions-container .att-body .att-item .item-banner img {
    width: 1.4rem;
    height: 1.4rem;
    border-radius: .04rem
}

.main-container .attractions-container .att-body .att-item .item-content {
    margin: .2rem;
    width: 100%
}

.main-container .attractions-container .att-body .att-item .item-content .item-name-price {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.main-container .attractions-container .att-body .att-item .item-content .item-name-price .item-name {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-family: PingFangSC-Regular;
    font-size: .32rem;
    color: #333
}

.main-container .attractions-container .att-body .att-item .item-content .item-name-price .item-sell-price {
    font-family: PingFangSC-Regular;
    font-size: .24rem;
    color: #fe6666;
    text-align: right
}

.main-container .attractions-container .att-body .att-item .item-content .item-name-price .item-sell-price em {
    font-size: .42rem
}

.main-container .attractions-container .att-body .att-item .item-content .item-instructions {
    font-family: PingFangSC-Regular;
    font-size: .2rem;
    color: #999
}

.main-container .attractions-container .att-body .att-item .item-content .item-others {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: .2rem
}

.main-container .attractions-container .att-body .att-item .item-content .item-others .item-others-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.main-container .attractions-container .att-body .att-item .item-content .item-others .item-others-left .item-tag {
    padding: 0 .08rem;
    font-family: PingFangSC-Regular;
    font-size: .2rem;
    color: #6392fe;
    text-align: center;
    background: rgba(99, 146, 254, .3);
    border: 1px solid #6392fe;
    border-radius: .1rem;
    height: 0.36rem;
    line-height: .36rem
}

.main-container .attractions-container .att-body .att-item .item-content .item-others .item-others-left .item-readme {
    margin-left: .1rem;
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: .24rem;
    color: #999;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.main-container .attractions-container .att-body .att-item .item-content .item-others .item-others-left .item-readme span {
    height: .3rem;
    margin-right: .1rem;
    border: 1px solid #c3c3c3
}

/*.main-container .attractions-container .att-body .att-item .item-content .item-others .item-others-left .item-readme i {*/
    /*display: inline-block;*/
    /*width: .09rem;*/
    /*height: .18rem;*/
    /*background: url(../../images/bus/icon-right-gray.png) 50% no-repeat;*/
    /*background-size: 100% 100%;*/
    /*margin-left: .1rem*/
/*}*/

.main-container .attractions-container .att-body .att-item .item-content .item-others .item-others-left .item-readme:after{
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 6px;
    width: 6px;
    border-width: 1px 1px 0 0;
    border-color: #999999;
    border-style: solid;
    margin-top: 0.03rem;
}


.main-container .attractions-container .att-body .att-item .item-content .item-others .item-others-right .btn-buy {
    width: .96rem;
    height: .5rem;
    line-height: .5rem;
    background: #6392fe;
    box-shadow: 0 0 .2rem 0 rgba(61, 59, 238, .3);
    border-radius: .06rem;
    font-family: PingFangSC-Regular;
    font-size: .24rem;
    color: #fff;
    letter-spacing: 0;
    text-align: center
}

.main-container .attractions-container .att-body .active {
    width: .8rem;
    height: .8rem;
    right: 0;
    position: absolute;
    background: url(../../images/bus/icon-buy.png) 50% no-repeat;
    background-size: 100%
}

.main-container .attractions-container .att-body .item-person-panle {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.main-container .attractions-container .att-body .item-person-panle .item-person-info {
    font-family: PingFangSC-Regular;
    font-size: .24rem;
    color: #999;
    margin: .1rem;
    margin-right: .2rem;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    flex: auto;
    padding-left: 1.8rem
}

.main-container .attractions-container .att-body .item-person-panle .item-person-info .person-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.main-container .attractions-container .att-body .item-person-panle .item-person-info .person-info .person {
    color: #333
}

.main-container .attractions-container .att-body .item-person-panle .item-person-info .person-info .person-price {
    color: #fe6666
}

.main-container .attractions-container .att-body .item-person-panle .person-btn {
    margin: .2rem
}

.main-container .attractions-container .att-body .item-person-panle .person-btn .btn-edit {
    width: .7rem;
    height: .4rem;
    line-height: .4rem;
    background: #6392fe;
    box-shadow: 0 0 .2rem 0 rgba(61, 59, 238, .3);
    border-radius: .06rem;
    font-family: PingFangSC-Regular;
    font-size: .2rem;
    color: #fff;
    letter-spacing: 0;
    text-align: center
}

.main-container .attractions-container .att-body .load-more {
    font-family: PingFangSC-Regular;
    font-size: .24rem;
    color: #6392fe;
    text-align: center;
    height: .6rem;
    line-height: .6rem
}

.main-container .attraction-transportation-content {
    background: #fff;
    box-shadow: 0 .02rem .02rem 0 rgba(0, 0, 0, .05);
    margin-top: .22rem
}

.main-container .attraction-transportation-content .header {
    padding-top: .22rem;
    padding-left: 0.22rem;
    font-size: .32rem;
    color: #4a4a4a
}

.main-container .attraction-transportation-content .trans-body {
    padding: .22rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.main-container .attraction-transportation-content .trans-body .station{
    background: #f6f6f6;
}

.main-container .attraction-transportation-content .trans-body .station .station-item {
    height: .84rem;
    margin-left: 0.2rem;
}

.main-container .attraction-transportation-content .trans-body .station .station-item input {
    background: #f6f6f6;
    border-radius: .06rem;
    border: none;
    padding: 0 .22rem;
    display: block;
    height: 100%;
    line-height: .84rem;
    font-size: .28rem;
    color: #333;
    width: 100%;
    border-bottom: 1px solid #eaeaea;
}

.main-container .attraction-transportation-content .trans-body .station .station-item input::-webkit-input-placeholder {
    color: #999
}

.main-container .attraction-transportation-content .trans-body .station .station-item input::placeholder {
    color: #999
}

.main-container .attraction-transportation-content .trans-body .station .station-item:first-child:before {
    width: 0.18rem;
    height: 0.18rem;
    background: transparent;
    border: 2px solid #6392fe
}

.main-container .attraction-transportation-content .trans-body .station .station-item:first-child:after {
    border-left: 1px dashed #d3d2db;
    border-right: none;
    left: .13rem;
    top: .6rem;
    bottom: -0.3rem
}

.main-container .attraction-transportation-content .trans-body .station .station-item:last-child:before {
    background: transparent;
    border: 2px solid #333
}

.main-container .attraction-transportation-content .trans-body .pre-buy-btn {
    background: #6392fe;
    box-shadow: 0 0 .2rem 0 rgba(61, 59, 238, .3);
    border-radius: .06rem;
    padding: 0 .2rem;
    height: .75rem;
    line-height: .75rem;
    font-size: .32rem;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    margin: 0.2rem auto;
}

.main-container .buy-bottom-content {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, .1);
    height: 1.44rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 .22rem;
    font-size: .38rem;
    color: #333;
    z-index: 10
}

.main-container .buy-bottom-content .all-total-price span {
    color: #fe6666
}

.main-container .buy-bottom-content .to-pay-btn {
    background: #6392fe;
    border-radius: .5rem;
    height: 1rem;
    line-height: 1rem;
    padding: 0 .63rem;
    color: #fff;
    text-align: center
}

#attOrderInfo {
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    height: 80%
}

#attOrderInfo header {
    height: .84rem;
    background: #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%
}

#attOrderInfo header .head-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin: .2rem
}

#attOrderInfo header .head-right {
    margin: .2rem
}

#attOrderInfo header .btn-order-canle {
    background: #fff;
    box-shadow: 0 0 .2rem 0 rgba(0, 0, 0, .1);
    color: #999
}

#attOrderInfo header .btn-order-canle, #attOrderInfo header .btn-order-ok {
    width: .7rem;
    height: .4rem;
    line-height: .4rem;
    border-radius: .06rem;
    font-family: PingFangSC-Regular;
    font-size: .2rem;
    letter-spacing: 0;
    text-align: center
}

#attOrderInfo header .btn-order-ok {
    background: #6392fe;
    box-shadow: 0 0 .2rem 0 rgba(61, 59, 238, .3);
    color: #fff
}

#attOrderInfo .order-content {
    width: 100%
}

#attOrderInfo .order-content .att-info {
    border-bottom: 1px solid #f1f1f1
}

#attOrderInfo .order-content .att-info .att-name {
    margin: .2rem;
    font-family: PingFangSC-Regular;
    font-size: .32rem;
    color: #333
}

#attOrderInfo .order-content .att-info .att-tag-readme {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: .2rem
}

#attOrderInfo .order-content .att-info .att-tag-readme .tag-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

#attOrderInfo .order-content .att-info .att-tag-readme .tag-left .att-tags {
    width: .96rem;
    height: .36rem;
    background: rgba(99, 146, 254, .3);
    border: 1px solid #6392fe;
    border-radius: .1rem;
    font-family: PingFangSC-Regular;
    font-size: .2rem;
    color: #6392fe;
    text-align: center;
}

#attOrderInfo .order-content .att-info .att-tag-readme .tag-right .att-readme {
    font-family: PingFangSC-Regular;
    font-size: .24rem;
    color: #6392fe;
    text-align: center;
    text-decoration-line: underline;
}

#attOrderInfo .order-content .att-date {
    width: 100%;
    height: 1.25rem;
    line-height: 1.25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    border-bottom: 1px solid #f1f1f1;
}

#attOrderInfo .order-content .att-date .date-title {
    margin: 0 .2rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-family: PingFangSC-Regular;
    font-size: .32rem;
    color: #4a4a4a;
}

#attOrderInfo .order-content .att-date .date-str {
    margin: 0 .2rem;
    font-family: PingFangSC-Regular;
    font-size: .32rem;
    color: #6392fe;
    text-align: right;
}

#attOrderInfo .order-content .att-date .date-str i {
    display: inline-block;
    width: .12rem;
    height: .24rem;
    background: url(../../images/sameSale/icon-moreDate.png) 50% no-repeat;
    background-size: 100% 100%;
    margin-left: .2rem;
}

.person-panle {
    padding: 0 .22rem;
    background: #fff;
    box-shadow: 0 .02rem .02rem 0 rgba(0, 0, 0, .05)
}

#attOrderInfo .person-panle .content .person-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 1.25rem;
    line-height: 1.25rem;
    border-bottom: 1px solid #f1f1f1
}

#attOrderInfo .person-panle .content .person-item .item-type {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-family: PingFangSC-Regular;
    font-size: .32rem;
    color: #333
}

#attOrderInfo .person-panle .content .person-item .item-number {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: auto
}

#attOrderInfo .person-panle .content .person-item .item-number .reduce-number {
    width: .5rem;
    height: .5rem;
    background: url(../../images/sameSale/icon-reduce.png) no-repeat;
    background-size: 100%
}

#attOrderInfo .person-panle .content .person-item .item-number .number-str {
    width: .5rem;
    height: .5rem;
    border-radius: .5rem;
    margin: auto 0.2rem;
}

#attOrderInfo .person-panle .content .person-item .item-number .number-val {
    font-family: PingFangSC-Regular;
    font-size: .38rem;
    text-align: center;
    margin-top: -.4rem
}

#attOrderInfo .person-panle .content .person-item .item-number .add-number {
    width: .5rem;
    height: .5rem;
    background: url(../../images/sameSale/icon-add.png) no-repeat;
    background-size: 100%
}

 .person-panle .person-type .head {
    padding: .36rem 0 .37rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    /*border-bottom: 1px solid #e6e6e6*/
}

 .person-panle .person-type .head h4 {
    font-size: .32rem;
    line-height: .45rem;
    color: #333;
    font-weight: 400
}

 .person-panle .person-type .head .personPrice {
    margin-left: .2rem
}

 .person-panle .person-type .head .personPrice .priceSell {
    color: #fe6666
}

 .person-panle .person-type .head .handle-plus {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: right;
    -webkit-align-self: center;
    align-self: center
}

 .person-panle .person-type .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    padding: .22rem 0;
    border-bottom: 1px solid #f1f1f1
}

 .person-panle .person-type .item .handle-minus {
    margin: 0 .4rem 0 0;
    width: .5rem;
    height: .5rem;
    background: url(../../images/bus/icon-minus.png) no-repeat 50%;
    background-size: 100% 100%;
    white-space: nowrap;
    word-break: keep-all
}

 .person-panle .person-type .item .name {
    font-size: .32rem;
    line-height: .45rem;
    color: #333
}

 .person-panle .person-type .item .info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin-left: .32rem
}

 .person-panle .person-type .item .info p {
    font-size: .32rem;
    line-height: .43rem;
    color: #333;
    margin-top: .06rem
}

 .person-panle .person-type .item .info p .label {
    margin-right: .22rem
}

 .person-panle .person-type .icon-person-plus {
    width: .5rem;
    height: .5rem;
    background: no-repeat 50%;
    background-size: 100% 100%;
    background-image: url(../../images/bus/icon-plus.png);
    display: inline-block
}

#attOrderInfo .person-panle .title {
    font-family: PingFangSC-Regular;
    font-size: .24rem;
    color: #333
}

#attOrderInfo .person-panle .title .prompt {
    font-family: PingFangSC-Regular;
    font-size: .2rem;
    color: #3f3f3f
}

#attOrderInfo .person-panle .title .prompt .p-red {
    font-family: PingFangSC-Regular;
    font-size: .2rem;
    color: #fe6666
}

#attOrderInfo .passenger {
    margin-top: .22rem;
    padding: 0 .22rem;
    background: #fff;
    box-shadow: 0 .02rem .02rem 0 rgba(0, 0, 0, .05)
}

#attOrderInfo .passenger .head {
    padding: .36rem 0 .37rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

#attOrderInfo .passenger .head h4 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: .32rem;
    line-height: .45rem;
    color: #333;
    font-weight: 400
}

#attOrderInfo .passenger .head h4 span {
    color: #9b9b9b
}

#attOrderInfo .passenger .head .handle-plus {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: right;
    -webkit-align-self: center;
    align-self: center
}

#attOrderInfo .passenger .head .handle-plus > * {
    display: inline-block;
    vertical-align: middle
}

#attOrderInfo .passenger .head .handle-plus i {
    width: .5rem;
    height: .5rem;
    background: no-repeat 50%;
    background-size: 100% 100%
}

#attOrderInfo .passenger .head .handle-plus i.icon-minus {
    background-image: url(../../images/bus/icon_less.png)
}

#attOrderInfo .passenger .head .handle-plus i.icon-plus {
    background-image: url(../../images/bus/icon-plus.png)
}

#attOrderInfo .passenger .head .handle-plus .txt {
    margin: 0 .22rem;
    font-size: .38rem;
    color: #333
}

#attOrderInfo .passenger .content .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    padding: .22rem 0;
    border-bottom: 1px solid #f1f1f1
}

#attOrderInfo .passenger .content .item:last-child {
    border-bottom: 0 none
}

#attOrderInfo .passenger .content .item .handle-minus {
    margin: 0 .4rem 0 0;
    width: .5rem;
    height: .5rem;
    background: url(../../images/bus/icon-minus.png) no-repeat 50%;
    background-size: 100% 100%;
    white-space: nowrap;
    word-break: keep-all
}

#attOrderInfo .passenger .content .item .name {
    font-size: .32rem;
    line-height: .45rem;
    color: #333
}

#attOrderInfo .passenger .content .item .info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin-left: .32rem
}

#attOrderInfo .passenger .content .item .info p {
    font-size: .32rem;
    line-height: .43rem;
    color: #333;
    margin-top: .06rem
}

#attOrderInfo .passenger .content .item .info p:first-child {
    margin-top: 0
}

#attOrderInfo .passenger .content .item .info p .label {
    margin-right: .22rem
}

#attOrderInfo .total-amount {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    text-align: right;
    font-family: PingFangSC-Regular;
    font-size: .38rem;
    height: .97rem;
    line-height: .97rem;
    background: #fff;
    box-shadow: 0 .02rem .02rem 0 rgba(0, 0, 0, .05);
    padding: 0 .22rem
}

#attOrderInfo .total-amount .total-str {
    color: #333;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

#attOrderInfo .total-amount .total-val {
    color: #fe6666
}

#attOrderInfo .icon-collect-plus {
    width: .5rem;
    height: .5rem;
    background: no-repeat 50%;
    background-size: 100% 100%;
    background-image: url(../../images/bus/icon-plus.png)
}

.sui-popup-container .popup-header {
    background: #fff;
    position: relative;
    border-bottom: 1px solid #f1f1f1;
}

.sui-popup-container .popup-header .header-tips {
    padding: .2rem .22rem;
    font-size: .32rem;
    color: #333;
    text-align: center
}

.sui-popup-container .popup-header .close-popup {
    width: .3rem;
    height: .3rem;
    background: url(../../images/sameSale/icon-close.png) 50% no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: .22rem;
    top: 0;
    bottom: 0;
    margin: auto
}

.sui-popup-container .popup-btn-bar {
    background: #fff;
    margin-top: .22rem;
    height: 1rem;
    padding: .22rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.sui-popup-container .popup-btn-bar .confirm-btn {
    height: 1rem;
    line-height: 1rem;
    padding: 0 1.33rem;
    margin: 0 auto;
    font-size: .38rem;
    color: #fff;
    text-align: center;
    background: #6392fe;
    border-radius: 1rem
}

.station-list-popup .popup-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.station-list-popup .popup-header .header-tips {
    font-size: .28rem;
    color: #6392fe
}

.station-list-popup .popup-header .close-popup {
    width: .22rem;
    height: .22rem;
    background: url(../../images/sameSale/icon-close.png) 50% no-repeat;
    background-size: 100% 100%
}

.station-list-popup .station-list ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .4rem .22rem;
    font-size: .32rem;
    color: #333
}

.station-list-popup .station-list ul li .station-name {
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.station-list-popup .station-list ul li .station-checkbox {
    width: .36rem;
    height: .36rem;
    border-radius: 100%;
    border: 1px solid #ddd
}

.station-list-popup .station-list ul .active .station-checkbox {
    border: 1px solid #6392fe;
    position: relative
}

.station-list-popup .station-list ul .active .station-checkbox:before {
    content: "";
    display: block;
    width: .24rem;
    height: .24rem;
    background: #6392fe;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 100%;
    box-shadow: 0 0 .05rem 0 rgba(61, 59, 238, .3)
}

.station-list-popup .popup-btn-bar {
    height: 1rem;
    padding: .22rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.station-list-popup .popup-btn-bar .confirm-btn {
    height: 1rem;
    line-height: 1rem;
    padding: 0 1.33rem;
    margin: 0 auto;
    font-size: .38rem;
    color: #fff;
    text-align: center;
    background: #6392fe;
    border-radius: 1rem
}

.riding-tips-popup {
    z-index: 8001
}

.riding-tips-popup .riding-content {
    padding: .44rem .22rem .22rem;
    font-size: .28rem;
    color: #333
}

.riding-tips-popup .riding-content img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.scenic-ticket-popup {
    max-height: 80%
}

.scenic-ticket-popup .sui-popup-modal {
    background: #f3f4f5
}

.scenic-ticket-popup .popup-content  {
    overflow: hidden;
}

.scenic-ticket-popup .popup-content .station-line {
    background: #fff;
    font-size: .32rem;
    color: #333;
    padding: .22rem
}

.scenic-ticket-popup .popup-content .station-line span {
    display: inline-block;
    width: .24rem;
    height: .2rem;
    background: url(../../images/sameSale/icon-right.png) 50% no-repeat;
    background-size: 100% 100%;
    margin: 0 .22rem
}

.scenic-ticket-popup .popup-content .station-spec {
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .1rem .22rem .22rem
}

.scenic-ticket-popup .popup-content .station-spec .labels {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.scenic-ticket-popup .popup-content .station-spec .labels span {
    font-size: .2rem;
    color: #6392fe;
    text-align: center;
    background: rgba(99, 146, 254, .3);
    border: 1px solid #6392fe;
    border-radius: .1rem;
    padding: .04rem .08rem;
    margin-left: .05rem
}

.scenic-ticket-popup .popup-content .station-spec .warm-prompt {
    text-align: right;
    font-size: .24rem;
    color: #6392fe;
    text-decoration-line: underline;
}

.scenic-ticket-popup .popup-content .depart-date-box {
    background: #fff;
    padding: .4rem .22rem;
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.scenic-ticket-popup .popup-content .depart-date-box .depart-tips {
    color: #4a4a4a;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.scenic-ticket-popup .popup-content .depart-date-box .depart-date {
    text-align: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.scenic-ticket-popup .popup-content .depart-date-box .depart-date input {
    border: none;
    color: #6392fe;
    text-align: right;
    height: 100%;
    width: 2rem
}

.scenic-ticket-popup .popup-content .depart-date-box .depart-date i {
    width: .12rem;
    height: .24rem;
    background: url(../../images/sameSale/icon-moreDate.png) 50% no-repeat;
    background-size: 100% 100%;
    margin-left: .2rem
}

.scenic-ticket-popup .popup-content .busLine {
    margin-top: .22rem;
    background: #fff
}

.scenic-ticket-popup .popup-content .busLine .line-header {
    padding: .22rem;
    font-size: .32rem
}

.scenic-ticket-popup .popup-content .busLine #wrapper {
    position: relative
}

.scenic-ticket-popup .popup-content .busLine #wrapper .content {
    position: absolute
}

.scenic-ticket-popup .popup-content .busLine #wrapper .content ul {
    background-color: #fff;
    font-size: 0;
    white-space: nowrap
}

.scenic-ticket-popup .popup-content .busLine #wrapper .content ul li {
    width: 1.8rem;
    height: 1rem;
    display: inline-block;
    position: relative;
    font-size: .28rem;
    border-radius: .08rem;
    margin: .4rem .2rem;
    text-align: center;
    border: 1px solid #ccc
}

.scenic-ticket-popup .popup-content .busLine #wrapper .content ul li .time {
    height: .5rem;
    line-height: .7rem;
    color: #333
}

.scenic-ticket-popup .popup-content .busLine #wrapper .content ul li .price {
    height: .5rem;
    line-height: .5rem;
    color: #fe6666
}

.scenic-ticket-popup .popup-content .busLine #wrapper .content ul li:active {
    background: #6392fe;
    box-shadow: 0 0 .2rem 0 rgba(61, 59, 238, .3)
}

.scenic-ticket-popup .popup-content .busLine #wrapper .content ul li:active .price, .scenic-ticket-popup .popup-content .busLine #wrapper .content ul li:active .time {
    color: #fff
}

.scenic-ticket-popup .popup-content .busLine #wrapper .content ul .active {
    background: #6392fe;
    box-shadow: 0 0 .2rem 0 rgba(61, 59, 238, .3)
}

.scenic-ticket-popup .popup-content .busLine #wrapper .content ul .active .price, .scenic-ticket-popup .popup-content .busLine #wrapper .content ul .active .time {
    color: #fff
}

.scenic-ticket-popup .popup-content .ticket-list {
    background: #fff;
    margin-top: .22rem
}

.scenic-ticket-popup .popup-content .ticket-list ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .4rem .22rem
}

.scenic-ticket-popup .popup-content .ticket-list ul li .ticket-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline
}

.scenic-ticket-popup .popup-content .ticket-list ul li .ticket-info .ticket-type {
    font-size: .32rem;
    color: #333
}

.scenic-ticket-popup .popup-content .ticket-list ul li .ticket-info .unit-price {
    font-size: .2rem;
    color: #333;
    margin-left: .22rem
}

.scenic-ticket-popup .popup-content .ticket-list ul li .ticket-info .unit-price span {
    color: #fe6666
}

.scenic-ticket-popup .popup-content .ticket-list ul li .ticket-amount {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.scenic-ticket-popup .popup-content .ticket-list ul li .ticket-amount .amount {
    font-size: .38rem;
    text-align: center;
    width: .5rem;
    height: .5rem;
    line-height: .5rem;
    border-radius: 100%;
    margin: 0 .3rem
}

.scenic-ticket-popup .popup-content .ticket-list ul li .ticket-amount .amount input {
    border: none;
    width: 100%;
    height: 100%;
    background: transparent;
    font-size: .38rem;
    text-align: center
}

.scenic-ticket-popup .popup-content .ticket-list ul li .ticket-amount i {
    display: block;
    color: #999;
    width: .5rem;
    height: .5rem
}

.scenic-ticket-popup .popup-content .ticket-list ul li .ticket-amount .less {
    background: url(../../images/sameSale/icon-reduce.png) 50% no-repeat;
    background-size: 100% 100%
}

.scenic-ticket-popup .popup-content .ticket-list ul li .ticket-amount .un-less {
    background: url(../../images/sameSale/icon-reduce_.png) 50% no-repeat;
    background-size: 100% 100%
}

.scenic-ticket-popup .popup-content .ticket-list ul li .ticket-amount .more {
    background: url(../../images/sameSale/icon-add.png) 50% no-repeat;
    background-size: 100% 100%
}

.scenic-ticket-popup .popup-content .ticket-list ul li .ticket-amount .un-more {
    background: url(../../images/sameSale/icon-add_.png) 50% no-repeat;
    background-size: 100% 100%
}

.scenic-ticket-popup .popup-content .ticket-list .total-price {
    padding: .22rem;
    text-align: right;
    font-size: .38rem;
    color: #333
}

.scenic-ticket-popup .popup-content .ticket-list .total-price span {
    color: #fe6666
}

.station-list-popup .station-list .no-station-list {
    font-size: 0.32rem;
    color: #333333;
    padding: 0.22rem;
    text-align: center;
}

.station .station-item:before {
    top: 0;
    bottom: 0;
}

.scenic-ticket-popup .popup-content .busLine .line-header span {
    font-size: .2rem;
    color: #fe6666;
}

.scenic-ticket-popup .popup-content .busLine .no-bus-line {
    font-size: .28rem;
    color: #333;
    text-align: center;
    padding: .22rem;
}

#attReadInfo {
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    height: 80%;
}

#attReadInfo .readInfoClose {
    width: .3rem;
    height: .3rem;
    background: url(../../images/bus/icon-close.png) 50% no-repeat;
    background-size: 100%;
    position: absolute;
    right: .22rem;
    top: 0;
    bottom: 0;
    margin: auto;
}

#attIntroduce {
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    height: 80%;
}

#attIntroduce header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: .84rem;
    line-height: .84rem;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
}

#attIntroduce header .title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-family: PingFangSC-Regular;
    font-size: .28rem;
    color: #333;
    text-align: center;
}

#attReadInfo header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: .84rem;
    line-height: .84rem;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
}

#attReadInfo header .title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-family: PingFangSC-Regular;
    font-size: .28rem;
    color: #333;
    text-align: center;
}

#attIntroduce header .close {
    width: .3rem;
    height: .3rem;
    background: url(../../images/bus/icon-close.png) 50% no-repeat;
    background-size: 100%;
    margin: .2rem;
}

#attOrderInfo .person-panle .content .person-item .item-type .price-str {
    font-size: .2rem;
    color: #333;
    margin-left: .22rem;
}

#attOrderInfo .person-panle .content .person-item .item-type .price-person {
    color: #fe6666;
}

#ticketPersonList .listWrapper {
    width: 100%;
    overflow: hidden;
}

.temp-border-b {
    border-bottom: 1px solid #f1f1f1;
}

.bg_gray {
    background: #999 !important;
}

#stationListPopup {
    max-height: 80%;
}

.buyFlag {
    background: #ddd !important;
}

.buyFlag .time {
    color: #fff !important;
}

.buyFlag .price {
    color: #fff !important;
}

.station-list-popup .station-list {
    overflow: hidden;
}

.station-list-popup-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

#scenicBusTicket{
    z-index: 7000;
}

.empty-page {
    padding: 0.4rem 0 .4rem;
    display: flex;
    align-items: center;
    text-align: center;
    color: #bcbbc4;
    font-size: .28rem;
}
.empty-page .empty-main{
    margin: auto;
}
.empty-page img{
    width: 2rem;
}